<template>
  <div class="box shadow-sm mb-3 rounded bg-white ads-box text-center overflow-hidden  " >
    <img
      src="@/assets/img/ads1.png"
      class="img-fluid"
      alt="Responsive image"
    />
    <div class="p-3 border-bottom">
      <h6 class="font-weight-bold text-gold">热门活动</h6>
      <p class="mb-0 text-muted">当世界沉睡，你仍在追梦</p>
    </div>
    <div class="p-3">
      <button type="button" class="btn btn-outline-gold pl-4 pr-4" @click="goto"> 前往参加 </button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {

    };
  },
  components: {

  },
  methods: {
    goto() {
      this.$router.push('/activity');
    },
  },
};
</script>

<style scoped lang="scss">

</style>
